<template>
    <div class="appContainer">
        <transition name="slide-fade">
            <keep-alive>
                <router-view v-if="$route.meta.keepAlive"></router-view>
            </keep-alive>
        </transition>
        <transition name="slide-fade">
            <router-view v-if="!$route.meta.keepAlive"></router-view>
        </transition>
        <template>
            <el-backtop target=".appContainer" :bottom="100">
                <div
                    style="{
        height: 100%;
        width: 100%;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 40px;
        color: #1989fa;
      }"
                >UP</div>
            </el-backtop>
        </template>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
// .appContainer {
//     width: 100%;
//     height: 100%;
//     // min-width: 1586px;
//     overflow-x: hidden;
//     font-family: Helvetica, "Hiragino Sans GB", "Microsoft Yahei",
//         "å¾®è½¯é›…é»‘", Arial, sans-serif;
// }
</style>